<template>
  <div class="shopcart-bottom">
    <UserRecommend>
      <div slot="introduce">
        <div class="introduce">
          <i></i>
          <span>可能你还想要</span>
          <i></i>
        </div>
      </div>
    </UserRecommend>
  </div>  
</template>

<script>
import UserRecommend from '@/views/user/components/userRecommend.vue'
export default {
  components:{
    UserRecommend
  }
}
</script>

<style lang="scss" scoped>
  .shopcart-bottom{
    width: 100%;
  }
  .introduce{
    display: flex;
    width: 710px;
    height: 24px;
    padding: 40px 20px;
    color: rgb(206, 202, 202);
    font-size: 14px;
    justify-content: space-between;
    align-items: center;
    margin: 16px 0;
    background-color: white;
    text-align: center;
  }
  .introduce i{
    width: 250px;
    border-bottom: 1px solid rgb(206, 202, 202);
  }
  .introduce span{
    flex: 1;
  }
</style>